<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小米官网(仿)</title>
    <link rel="shortcut icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon"> 
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/swiper.min.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/cookie.min.js"></script>
    <script src="./js/index.js"></script>
  </head>
  <body>
    <header>
      <div class="header_t">
        <div class="head_t cantainer">
          <ul>
            <li><a href="#">小米商城</a></li>
            <span>|</span>
            <li><a href="#">MIUI</a></li>
            <span>|</span>
            <li><a href="#">loT</a></li>
            <span>|</span>
            <li><a href="#">云服务</a></li>
            <span>|</span>
            <li><a href="#">天星数科</a></li>
            <span>|</span>
            <li><a href="#">有品</a></li>
            <span>|</span>
            <li><a href="#">小爱开放平台</a></li>
            <span>|</span>
            <li><a href="#">企业团购</a></li>
            <span>|</span>
            <li><a href="#">资质证照</a></li>
            <span>|</span>
            <li><a href="#">协议规则</a></li>
            <span>|</span>
            <li><a href="#">下载app</a></li>
            <span>|</span>
            <li><a href="#">智能生活</a></li>
            <span>|</span>
            <li><a href="#">Select Location</a></li>
          </ul>
          <div class="taggle">
            <a href="./sign.html">登录</a><span>|</span>
            <a href="./regsiter.html">注册</a><span>|</span>
            <a href="#">消息通知</a><span>|</span>
            <a href="./cart.html">
             <i class="iconfont icon-gouwuchekong"></i>购物车(0)
            </a>
          </div>
        </div>
      </div>
      <div class="header_u">
        <div class="head_u cantainer">
          <div class="h_left">
            <a href="#"
              ><img
                src="https://s02.mifile.cn/assets/static/image/logo-footer.png"
                alt=""
            /></a>
            <div class="space"></div>
            <ul>
              <li><a href="#">小米手机</a></li>
              <li><a href="#">Redmi红米</a></li>
              <li><a href="#">电视</a></li>
              <li><a href="#">笔记本</a></li>
              <li><a href="#">家电</a></li>
              <li><a href="#">路由器</a></li>
              <li><a href="#">智能硬件</a></li>
              <li><a href="#">服务</a></li>
              <li><a href="#">社区</a></li>
            </ul>
          </div>
          <div class="h_right">
            <form action="">
              <input type="text" placeholder="Redmi/小米10" />
              <input type="submit" value="search" />
            </form>
          </div>
        </div>
      </div>
    </header>
    <section id="main">
      <div class="swiper-container iscoll cantainer">
        <ul class="asider">
          <li>
            <a href="#">手机 电话卡 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">电视 盒子 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">笔记本 显示器 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">家电 插线板 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">出行 穿戴 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">智能 路由器 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">电源 配件 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">健康 儿童 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">耳机 音箱 <i class="iconfont icon-right"></i></a>
          </li>
          <li>
            <a href="#">生活 箱包 <i class="iconfont icon-right"></i></a>
          </li>
        </ul>
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8f31ef6bb53e578827aa95965cbf8fd.jpg?thumb=1&w=1349&h=506&f=webp&q=90"
              alt=""
            />
          </div>
          <div class="swiper-slide">
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ebff5f5c1f52f2dbdd611897adbefd4.jpg?thumb=1&w=1349&h=506&f=webp&q=90"
              alt=""
            />
          </div>
          <div class="swiper-slide">
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ef4160c861b998239bce9adb82341e7.jpg?thumb=1&w=1349&h=506&f=webp&q=90"
              alt=""
            />
          </div>
          <div class="swiper-slide">
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cf4907a3b94a9600ef7bcce167f95d94.jpg?thumb=1&w=1349&h=506&f=webp&q=90"
              alt=""
            />
          </div>

          <div class="swiper-slide" class="pic_five">
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b6b2950f1deb12dfe5b3893a81c9169a.jpg?w=2452&h=920"
              alt=""
            />
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
      </div>
      <div class="List">
        <div class="list_t cantainer">
          <ul class="glayout">
            <li>
              <a href="#"
                ><i class="iconfont icon-miaosha"></i><span>小米秒杀</span></a
              >
            </li>
            <li>
              <a href="#"
                ><i class="iconfont icon-qiyetuangou"></i
                ><span>企业团购</span></a
              >
            </li>
            <li>
              <a href="#"
                ><i class="iconfont icon-Fma"></i><span>f码通道</span></a
              >
            </li>
            <li>
              <a href="#"
                ><i class="iconfont icon-mifenqia"></i><span>米粉卡</span></a
              >
            </li>
            <li>
              <a href="#"
                ><i class="iconfont icon-old_to_new"></i
                ><span>以旧换新</span></a
              >
            </li>
            <li>
              <a href="#"
                ><i class="iconfont icon-huafeichongzhi"></i
                ><span>话费充值</span></a
              >
            </li>
          </ul>
          <a href="#"
            ><img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e5f20a62c3d5b3d6806bd51ab6c5dd12.jpg?w=632&h=340"
              alt=""
          /></a>
          <a href="#"
            ><img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8a43378b96501d7e227a9018fe2668c5.jpg?w=632&h=340"
              alt=""
          /></a>
          <a href="#"
            ><img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/793913688bfaee26b755a0b0cc8575fd.jpg?w=632&h=340"
              alt=""
          /></a>
        </div>
      </div>
      <div class="Shop">
        <div class="montentbox">
          <div class="montent cantainer">
            <div class="montent_l">
              <div>
                <figure>
                  <img
                    src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ%0AbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp%0Abj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6%0AeD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1%0AMTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo%0AdHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw%0AdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv%0AIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS%0AZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD%0AcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j%0AZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1%0AbWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1N%0AOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIy%0AQzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFF%0AOEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht%0AcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pE%0AcHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHf%0AS48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuY%0AjRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQN%0AJbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzIL%0AijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7%0AKnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1L%0AbN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNc%0AxDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7V%0AkBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgU%0AKc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2E%0AcnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ%0A7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII="
                    alt=""
                  />
                  <figcaption>距离结束还剩</figcaption>
                </figure>
              </div>
              <div><span>02</span>:<span>53</span>:<span>46</span></div>
            </div>
            <div class="swiper-container montent_r">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div>
                    <figure>
                      <img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1594113149.83176048.jpg"
                        alt=""
                      />
                      <figcaption>
                        <h3>Redmi K30 至尊版</h3>
                        <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                        <p>1999元起</p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div>
                    <figure>
                      <img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1590289501.50287129.jpg"
                        alt=""
                      />
                      <figcaption>
                        <h3>Redmi K30 至尊版</h3>
                        <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                        <p>1999元起</p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div>
                    <figure>
                      <img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1477916442.08799062.jpg"
                        alt=""
                      />
                      <figcaption>
                        <h3>Redmi K30 至尊版</h3>
                        <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                        <p>1999元起</p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div>
                    <figure>
                      <img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1594113149.83176048.jpg"
                        alt=""
                      />
                      <figcaption>
                        <h3>Redmi K30 至尊版</h3>
                        <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                        <p>1999元起</p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div>
                    <figure>
                      <img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1590289501.50287129.jpg"
                        alt=""
                      />
                      <figcaption>
                        <h3>Redmi K30 至尊版</h3>
                        <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                        <p>1999元起</p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div>
                    <figure>
                      <img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1477916442.08799062.jpg"
                        alt=""
                      />
                      <figcaption>
                        <h3>Redmi K30 至尊版</h3>
                        <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                        <p>1999元起</p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div>
                    <figure>
                      <img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1594113149.83176048.jpg"
                        alt=""
                      />
                      <figcaption>
                        <h3>Redmi K30 至尊版</h3>
                        <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                        <p>1999元起</p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div>
                    <figure>
                      <img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1590289501.50287129.jpg"
                        alt=""
                      />
                      <figcaption>
                        <h3>Redmi K30 至尊版</h3>
                        <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                        <p>1999元起</p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!--    <div class="shop_c">
            <div class="step_one cantainer">
              <h2 class="step_title"> </h2>
              <div class="step_content">
                  <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&w=257&h=675&f=webp&q=90" alt="">
                 <ul>
                     <li><a href="#" price="1599">
                         <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4e75e528fb468aee107f551179aa0799.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                         <h3>Note 9 Pro</h3>
                         <p>一亿像素夜景相机，120Hz六档变速高刷屏</p>
                         <p>1599元起</p>
                     </a></li>
                     <li><a href="#" price="1299">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/de2f71a797a74e1ca70f1fb4570bc026.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>Note 9</h3>
                      <p>天玑 800U处理器，5000mAh电池，</p>
                      <p>1299元起</p>
                  </a></li>
                  <li><a href="#" price="999">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/13f10e47913f9dc82e6c6a6199f413cd.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>Note 9 4G</h3>
                      <p>6000mAh长续航</p>
                      <p>999元起</p>
                  </a></li>
                  <li><a href="#" price="5299">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>小米10 至尊版</h3>
                      <p>120X 变焦/120W秒充/120Hz屏幕</p>
                      <p>5299元起</p>
                  </a></li>
                  <li><a href="#" price="2599">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cf7a05df86a858a1f391a0378d8c27d.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>Redmi K30S 至尊纪念版</h3>
                      <p>144Hz[7档]变速高刷屏</p>
                      <p>2599元起</p>
                  </a></li>
                  <li><a href="#" price="1999">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>Redmi K30 至尊版</h3>
                      <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                      <p>1999元起</p>
                  </a></li>
                  <li><a href="#" price="3999">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/237942bfcaf2bbe82fbe966c2f584d69.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>腾讯黑鲨3S</h3>
                      <p>骁龙865处理器，120Hz刷新率</p>
                      <p>3999元</p>
                  </a></li>
                   <li><a href="#" price="599">
                         <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c892a7640f58032489cbff8a948b50f9.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                         <h3>Redmi 9A</h3>
                         <p>5000mAh长循环大电量，6.53"超大护眼屏幕</p>
                         <p>599元起</p>
                     </a></li>
                 </ul>
              </div>
            </div>
            <div class="tips cantainer">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c3b86ede4dd31d7c126d56fbdde4f855.jpg?thumb=1&w=1349&h=132&f=webp&q=90" alt="">
          </div>
        </div>
        <div class="shop_c">
            <div class="step_one cantainer">
              <h2 class="step_title">手机</h2>
              <div class="step_content">
                  <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&w=257&h=675&f=webp&q=90" alt="">
                 <ul>
                     <li><a href="#" price="1599">
                         <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4e75e528fb468aee107f551179aa0799.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                         <h3>Note 9 Pro</h3>
                         <p>一亿像素夜景相机，120Hz六档变速高刷屏</p>
                         <p>1599元起</p>
                     </a></li>
                     <li><a href="#" price="1299">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/de2f71a797a74e1ca70f1fb4570bc026.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>Note 9</h3>
                      <p>天玑 800U处理器，5000mAh电池，</p>
                      <p>1299元起</p>
                  </a></li>
                  <li><a href="#" price="999">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/13f10e47913f9dc82e6c6a6199f413cd.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>Note 9 4G</h3>
                      <p>6000mAh长续航</p>
                      <p>999元起</p>
                  </a></li>
                  <li><a href="#" price="5299">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>小米10 至尊版</h3>
                      <p>120X 变焦/120W秒充/120Hz屏幕</p>
                      <p>5299元起</p>
                  </a></li>
                  <li><a href="#" price="2599">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cf7a05df86a858a1f391a0378d8c27d.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>Redmi K30S 至尊纪念版</h3>
                      <p>144Hz[7档]变速高刷屏</p>
                      <p>2599元起</p>
                  </a></li>
                  <li><a href="#" price="1999">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>Redmi K30 至尊版</h3>
                      <p>120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                      <p>1999元起</p>
                  </a></li>
                  <li><a href="#" price="3999">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/237942bfcaf2bbe82fbe966c2f584d69.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                      <h3>腾讯黑鲨3S</h3>
                      <p>骁龙865处理器，120Hz刷新率</p>
                      <p>3999元</p>
                  </a></li>
                   <li><a href="#" price="599">
                         <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c892a7640f58032489cbff8a948b50f9.jpg?thumb=1&w=220&h=220&f=webp&q=90" alt="">
                         <h3>Redmi 9A</h3>
                         <p>5000mAh长循环大电量，6.53"超大护眼屏幕</p>
                         <p>599元起</p>
                     </a></li>
                 </ul>
              </div>
            </div>
            <div class="tips cantainer">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c3b86ede4dd31d7c126d56fbdde4f855.jpg?thumb=1&w=1349&h=132&f=webp&q=90" alt="">
          </div>
        </div> -->
      </div>
    </section>
    <footer>
      <div class="Footer">
        <div class="footer cantainer">
          <div class="ulbox">
            <ul>
              <li class="yaxis">
                <i class="iconfont icon-shouhoufuwu"></i>预约维修服务
              </li>
              <li class="yaxis">
                <i class="iconfont icon-7tianwuliyoutuihuo"></i>七天无理由退货
              </li>
              <li class="yaxis">
                <i class="iconfont icon-tianwuliyoutuihuo"></i>15天免费换货
              </li>
              <li class="yaxis">
                <i class="iconfont icon-manzeng"></i>满99元包邮
              </li>
              <li><i class="iconfont icon-wangdian"></i>520余家售后网点</li>
            </ul>
          </div>
          <div class="dlbox">
            <div>
              <dl>
                <dt>帮助中心</dt>
                <dd>账户管理</dd>
                <dd>购物指南</dd>
                <dd>订单操作</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>服务支持</dt>
                <dd>售后政策</dd>
                <dd>自助服务</dd>
                <dd>相关下载</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>线下门店</dt>
                <dd>小米之家</dd>
                <dd>服务网点</dd>
                <dd>授权体验店</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>关于小米</dt>
                <dd>了解小米</dd>
                <dd>加入小米</dd>
                <dd>投资者关系</dd>
                <dd>企业社会责任</dd>
                <dd>廉洁举报</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>关注我们</dt>
                <dd>新浪微博</dd>
                <dd>官方微信</dd>
                <dd>联系我们</dd>
                <dd>公益基金会</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>特色服务</dt>
                <dd>F 码通道</dd>
                <dd>礼物码</dd>
                <dd>防伪查询</dd>
              </dl>
            </div>
            <div class="cantact">
              <p>400-100-5678</p>
              <p>8:00-18:00（仅收市话费）</p>
              <a href="#"><i class="iconfont icon-svg-"></i>人工客服</a>
              <div>
                关注小米: <i class="iconfont icon-xinlang-copy"></i
                ><i class="iconfont icon-weixin1"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="Info">
        <div class="info cantainer">
          <div class="ilayout">
            <div class="sign">
              <img
                src="https://s02.mifile.cn/assets/static/image/logo-footer.png"
                alt=""
              />
            </div>
            <p>
              <a href="#">小米商城 | </a>
              <a href="#">MIUI |</a>
              <a href="#"> 米家 | </a>
              <a href="#">米聊 |</a>
              <a href="#"> 多看 |</a>
              <a href="#"> 游戏 | </a>
              <a href="#">政企服务 |</a>
              <a href="#"> 小米天猫店 |</a>
              <a href="#"> 小米集团隐私政策 |</a>
              <a href="#"> 小米公司儿童信息保护规则 |</a>
              <a href="#"> 小米商城隐私政策 |</a>
              <a href="#"> 小米商城用户协议 | </a>
              <a href="#">问题反馈 |</a>
              <a href="#"> Select Location</a>
            </p>
            <p>
              <a href="#">北京互联网法院法律服务工作站 |</a>
              <a href="#">中国消费者协会 |</a>
              <a href="#">北京市消费者协会</a>
            </p>
            <p>
              © mi.com 京ICP证110507号 京ICP备10046444号
              京公网安备11010802020134号 京网文[2020]0276-042号<br />
              京）网械平台备字（2018）第00005号 互联网药品信息服务资格证
              (京)-非经营性-2014-0090 营业执照 医疗器械质量公告<br />
              增值电信业务许可证 网络食品经营备案 京食药网食备202010048
              食品经营许可证<br />
              违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉
              本网站所列数据，除特殊说明，所有数据均出自我司实验室测试<br />
            </p>
          </div>
          <!-- <div></div> -->
          <div class="ir">探索黑科技，小米为发烧而生</div>
        </div>
      </div>
    </footer>
    <div class="asider_left_box">
      <a href="#"><i class="iconfont icon-shoujiapp"></i>手机APP</a>
      <div><img src="https://i8.mifile.cn/b2c-mimall-media/93650133310ec1c385487417a472a26c.png" alt="">
        <p>扫码领取百元新人礼包</p>
      </div>
      <a href="#"><i class="iconfont icon-renwu"></i>个人中心</a>
      <a href="#"><i class="iconfont icon-shouhoufuwu"></i>售后服务</a>
      <a href="#"><i class="iconfont icon-rengongkefu"></i>人工客服</a>
      <a href="#"><i class="iconfont icon-gouwuchekong"></i>购物车</a>
      <a href="#" class="gotop">返回顶部</a>
    </div>
    <script>
      var mySwiper = new Swiper(".iscoll", {
        direction: "horizontal", // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
        delay: 3000,
        stopOnLastSlide: false,
        disableOnInteraction: false,
        },
            
        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },

        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },

        // 如果需要滚动条
        scrollbar: {
          el: ".swiper-scrollbar",
          hide: false,
        },
      });
      var mySwiper2 = new Swiper(".montent_r", {
        direction: "horizontal", // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,
        slidesPerView: 4,
        spaceBetween: 20,
      });
    </script>
  </body>
</html>
